<html xmlns="http://www.w3.org/1999/xhtml"  
    xmlns:h="http://java.sun.com/jsf/html"  
    xmlns:f="http://java.sun.com/jsf/core"  
    xmlns:p="http://primefaces.org/ui">  
  
    <h:head>  
  			<link href="../css/cotizacionInmobiliaria.css" rel="stylesheet" type="text/css"/> 
    </h:head> 
    <h:body>  
    <p:layout fullPage="true">  
	 
	 	<p:layoutUnit position="north" size="100"  > 
        	<table  class="TablaTitulo">
        		<tr>
        			<td align="left" width="20%">
        				<IMG alt="Penta Inmobiliaria" src="../images/logo_penta_2.png" />
        			</td>
        			<td align="center" width="60%">
        				<h:outputText value="Sistema de Cotización Inmobiliaria" styleClass="Titulo"/><br/>
        				<h:outputText value="José Saavedra D." styleClass="Titulo2"/><br/>
        				<h:outputText value="22/07/2013" styleClass="Titulo2"/>
        			</td>
        			<td align="right" width="20%">
        			<br/>
        			</td>
        		</tr>
        	
        	</table>
        	  
    	</p:layoutUnit>
	 	
	 	<p:layoutUnit position="west" size="200" header="¿Qué desea hacer?">   
        	 <p:menu> 
        	 	<p:submenu label="Seleccione opción">  
            		<p:menuitem value="Inicio" outcome="index" icon="ui-icon-home"/>
            		<p:menuitem value="Agregar Cotización" outcome="registrarVisita" icon="ui-icon-plusthick"/>  
            		<p:menuitem value="Buscar Cotización" outcome="buscarCotizacion" icon="ui-icon-search"/>  
            		<p:menuitem value="Salir" outcome="dialogLogin" icon="ui-icon-closethick"/>  
        		</p:submenu>  
        	 </p:menu>  
    	</p:layoutUnit>  	 
	 <p:layoutUnit position="center">
	 

     <h:form id="frmRegistrarVisita">
		<p:fieldset legend="Registrar Cliente">
			<p:panelGrid columns="4" styleClass="panelGridCenter">  
			    <f:facet name="header">  
			        INFORMACIÓN DEL CLIENTE  
			    </f:facet> 
			     
			    <h:outputLabel for="rutcliente" value="Rut Cliente: "/>  
			    <p:inputText id="rutCliente" value="#{registrarVisitaBean.rutCliente}" label="Rut Cliente">
			     <p:ajax update="nombres, apellidoPaterno, apellidoMaterno, direccion, comuna, region, telefonoComercial, telefonoParticular, celular, edad, esInversionista, medioPromocion, hijos, sexo, email"  
                        listener="#{registrarVisitaBean.handleRutChange}" />  
			    </p:inputText>
			    
			    <h:outputLabel for="direccion" value="Dirección: " />  
			    <p:inputText id="direccion" value="#{registrarVisitaBean.direccion}"  label="Dirección"/>
			      
			    <h:outputLabel for="nombres" value="Nombres: " />  
			    <p:inputText id="nombres" value="#{registrarVisitaBean.nombres}" label="Nombres"/>  
			    
			    <h:outputLabel for="region" value="Región: " />
			    <p:selectOneMenu value="#{registrarVisitaBean.region}" id="region">  
            		 <f:selectItem itemLabel="Seleccione" itemValue="" />  
            		 <f:selectItems value="#{registrarVisitaBean.comboRegiones}" />
            		  <p:ajax update="comuna"  
                        listener="#{registrarVisitaBean.handleRegionChange}" />     
        		</p:selectOneMenu>         		
        		
        		
        		<h:outputLabel for="apellidopaterno" value="Apellido Paterno: " />  
			    <p:inputText id="apellidoPaterno" value="#{registrarVisitaBean.apellidoPaterno}"  label="Apellido Paterno"/>
			    
			     <h:outputLabel for="comuna" value="Comuna: " />
			    <p:selectOneMenu value="#{registrarVisitaBean.comuna}" id="comuna">  
            		  <f:selectItem itemLabel="Seleccione" itemValue="" />  
            		 <f:selectItems value="#{registrarVisitaBean.comboComunas}" />   
        		</p:selectOneMenu>  
        		
			    <h:outputLabel for="apellidomaterno" value="Apellido Materno: " />  
			    <p:inputText id="apellidoMaterno" value="#{registrarVisitaBean.apellidoMaterno}"  label="Apellido Materno"/>
			    
			    <h:outputLabel for="telefonocomercial" value="Teléfono Comercial: " />  
			    <p:inputText id="telefonoComercial" value="#{registrarVisitaBean.telefonoComercial}"  label="Teléfono Comercial"/>
			    
			    <h:outputLabel for="sexo" value="Sexo: " />
			    <p:selectOneMenu value="#{registrarVisitaBean.sexo}" id="sexo">  
            		<f:selectItem itemLabel="Seleccione" itemValue="" />  
            		<f:selectItem itemLabel="Masculino" itemValue="M" />  
            		<f:selectItem itemLabel="Femenino" itemValue="F" />   
        		</p:selectOneMenu>    
			     
			    <h:outputLabel for="telefonoparticular" value="Teléfono Particular: " />  
			    <p:inputText id="telefonoParticular" value="#{registrarVisitaBean.telefonoParticular}"  label="Teléfono Particular"/>
			  
			    <h:outputLabel for="hijos" value="Hijos: " /> 
			    <p:selectOneMenu value="#{registrarVisitaBean.hijos}" id="hijos">  
            		<f:selectItem itemLabel="Seleccione" itemValue="0" />  
            		<f:selectItem itemLabel="No" itemValue="1" />  
            		<f:selectItem itemLabel="Sí" itemValue="2" />  
        		</p:selectOneMenu> 

			  	<h:outputLabel for="celular" value="Celular: " />  
			    <p:inputText id="celular" value="#{registrarVisitaBean.celular}"  label="Celular"/>
			  
			   <h:outputLabel for="edad" value="Edad: " /> 
			    <p:selectOneMenu value="#{registrarVisitaBean.edad}" id="edad">  
				<f:selectItem itemLabel="Seleccione" itemValue="0" />  
            		<f:selectItem itemLabel="menor 25  años" itemValue="1" />  
            		<f:selectItem itemLabel="25-35 años" itemValue="2" />  
            		<f:selectItem itemLabel="36-45 años" itemValue="3" />  
            		<f:selectItem itemLabel="46-55 años" itemValue="4" />  
            		<f:selectItem itemLabel="mayor 55 años" itemValue="5" />  
        		</p:selectOneMenu>  
			   
			    <h:outputLabel for="email" value="Email: " />  
			    <p:inputText id="email" value="#{registrarVisitaBean.email}"  label="Email"/>  
			  
			  	<h:outputLabel for="esInversionista" value="¿Es Inversionista? " />
			  	<p:selectOneMenu value="#{registrarVisitaBean.esInversionista}" id="esInversionista">  
            		<f:selectItem itemLabel="Seleccione" itemValue="0" />  
            		<f:selectItem itemLabel="No" itemValue="1" />  
            		<f:selectItem itemLabel="Sí" itemValue="2" />  
        		</p:selectOneMenu> 
        		
        		<h:outputLabel for="medioPromocion" value="¿Cómo se enteró del proyecto? " />
			  	<p:selectOneMenu value="#{registrarVisitaBean.medioPromocion}" id="medioPromocion">  
            		<f:selectItem itemLabel="Seleccione" itemValue="" />  
            		<f:selectItem itemLabel="Punto de Venta" itemValue="1" />  
            		<f:selectItem itemLabel="Portal Inmobiliario" itemValue="2" /> 
            		<f:selectItem itemLabel="Volante" itemValue="3" /> 
            		<f:selectItem itemLabel="Vivienda y Decoración" itemValue="4" /> 
            		<f:selectItem itemLabel="Página Web del Proyecto" itemValue="5" /> 
            		<f:selectItem itemLabel="Otro Medio" itemValue="6" />  
        		</p:selectOneMenu>     
   										
			
			    		  
			    <f:facet name="footer" styleClass="panelGridCenter"> 
			    	<div align="center"> 
			        	<p:commandButton value="Guardar" icon="ui-icon-check" actionListener="#{registrarVisitaBean.guardarCliente}"/>   
			        	<p:commandButton type="button" value="Cancelar" icon="ui-icon-closethick"/>
			        </div>  
			    </f:facet>
			    
			</p:panelGrid>
		</p:fieldset>
     </h:form> 
     <p:ajaxStatus style="width:64px;height:64px;position:fixed;right:5px;bottom:5px" id="ajaxStatusPanel">  
    <f:facet name="start">  
        <h:graphicImage value="../images/loading.gif" />  
    </f:facet>  
      
    <f:facet name="complete">  
        <h:outputText value="" />  
    </f:facet>  
	</p:ajaxStatus>
     </p:layoutUnit>
     </p:layout>     

    </h:body>  
</html>